<template>
  <div class="home">
<<<<<<< HEAD
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
=======
    公告 Home {{ $store.state.count  }}
    <div class="a">
      <p>A</p>
      <div class="a">B</div>
    </div>
>>>>>>> jjh
  </div>
</template>

<script>
<<<<<<< HEAD
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  }
}
</script>
=======
export default {
  name: 'Home',
  components: {
  }
}
</script>
<!-- scoped 包含css 作用域 只对当前组件有效 -->
<style lang="scss" scoped>
// @import '../styles/reset.scss';
// $mainColor: red;
// .home {
//   color: $mainColor;
//   // & 父元素
//   & > .a {
//     @include abc(skyblue);
//   }
// }
.a {
  color: blue;
}
</style>
>>>>>>> jjh
